<template>
	<view>
		<view>
			<button @click="toyan()">解除绑定</button>
			<uni-popup ref="popup" type="center" :animation="false">
				<view class="jumpinput">
					<view class="jumpinput_top">
						<view class="jumptop_left">×</view>
						<view class="jumptop_right">请输入支付密码</view>
					</view>
					<view class="jumpinput_center">
						<input type="text" style="border: 0px;width: 100%;height: 100%;">
					</view>
					<view class="jumpinput_bottom">
						<button style="color: #007AFF;font-size: 16px;width: 100%;height: 45px;border: 0px;background-color: #fff;" @click="close()">确定</button>
					</view>
				</view>
			</uni-popup>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			close() {
				uni.navigateTo({
					url:'../secondaddcard/secondaddcard'
				})
			    this.$refs.popup.close('top')
				
			},
			toyan(){
				this.can=true
				this.$refs.popup.open('top')
			}
		}
	}
</script>

<style scoped>
    .jumpinput{
    	width: 94%;
    	height: 200px;
    	background-color: #FFF;
    	margin-left: 3%;
    	margin-top: 50%;
    	border-radius: 10px;
    }
    .jumpinput_top{
    	width: 100%;
    	height: 45px;
    	border-bottom: 1px solid #ccc;
    	display: flex;
    	flex-wrap: nowrap;
    }
    .jumptop_left{
    	width: 20%;
    	height: 45px;
    	line-height: 45px;
    	font-size: 20px;
    	margin-left: 2%;
    }
    .jumptop_right{
    	width: 40%;
    	height: 45px;
    	line-height: 45px;
    	font-size: 15px;
    	margin-left: 20%;
    }
    .jumpinput_center{
    	width: 100%;
    	height: 100px;
    	text-align: center;
    	line-height: 100px;
    	font-weight: 600;
    }
    .jumpinput_bottom{
    	width: 100%;
    	height: 45px;
    	margin-top: 9px;
    }
</style>
